<template>
  <div>
    <h1>mapGetters</h1>
    <h2>{{ getMyData }}</h2>
    <h2>{{ filterArr }}</h2>
    <h2>{{ getUser }}</h2>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  computed: {
    ...mapGetters([
      'getMyData',
      'filterArr',
      'getUser'
    ])
    /* ...mapGetters({
      getMyData: 'getMyData',
      filterArr: 'filterArr',
      getUser: 'getUser'
    }) */
  },
  mounted() {
    console.log(this.getMyData)
    console.log(this.$store.state.user.userData)
    console.log(this.$store.getters.getUser)
  }
}
</script>

<style lang="scss" scoped>

</style>
